.ports-card {
  &-ports {
    margin: 0 0 10px;
    overflow: hidden;
    &-left {
      float: left;
      max-width: 400px;
      &-header {
        margin-bottom: 20px;
        height: 30px;
        line-height: 30px;
        font-size: 18px;
        color: #666;
        a {
          color: #333;
          padding-left: 8px;
        }
      }
      p {
        position: relative;
        padding-left: 175px;
        max-width: 590px;
        min-height: 38px;
        line-height: 38px;
        font-size: 14px;
        word-break: break-all;
      }
      &-name {
        position: absolute;
        top: 0;
        left: 0;
        color: #888;
      }
      &-value {
        color: #9ca3be;
        display: inline-block;
        margin-right: 10px;
      }
    }

    &-right {
      position: relative;
      float: right;
      margin-top: 50px;
      height: 220px;
      width: 670px;
      padding: 8px;
      border: 1px solid #e0e4e5;
      pre {
        height: 130px;
        overflow: unset;
      }
    }
    &-tab {
      overflow: auto;
    }

    &-icon:hover {
      color: #49a9ee;
    }
  }
}
